<template>
	<el-divider>底部版权</el-divider>
	<div class="form-item">
		<div class="label">是否启用</div>
		<el-switch v-model="visible" :active-value="true" :inactive-value="false"></el-switch>
	</div>
	<div class="form-item">
		<div class="label">名称</div>
		<el-input type="text" v-model="settingStore.copyright.name" clearable></el-input>
	</div>
	<div class="form-item">
		<div class="label">日期</div>
		<el-input type="text" v-model="settingStore.copyright.date" clearable></el-input>
	</div>
	<div class="form-item">
		<div class="label">链接</div>
		<el-input type="text" v-model="settingStore.copyright.link" clearable></el-input>
	</div>
	<div class="form-item">
		<div class="label">备案</div>
		<el-input type="text" v-model="settingStore.copyright.record" clearable></el-input>
	</div>
</template>

<script setup>
import { computed } from "vue"
import { useSettingStore } from "/store/setting"
const settingStore = useSettingStore()

const visible = computed({
	get() {
		return settingStore.copyright.visible
	},
	set(value) {
		settingStore.copyright.visible = value
	},
})
</script>

<style lang="scss" scoped></style>
